<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="css/daohang.css">
    <link rel="stylesheet" href="css/project.css">
    <link rel="stylesheet" href="css/end.css">
    <title>项目</title>
</head>
<body>
     <!-- 头部 -->
     <div class="top">
        <div class="top-c">
            <!-- 左边logo -->
            <div class="top-img">
                <img src="img/logo.png" alt="">
            </div>
            <!-- 右边导航 -->
            <ul class="top-nav">
                <li class="top-nav-t1">
                    <a href="index.html" class="top-left">
                        首页
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="project.html" class="top-left active">
                        项目
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="item.html" class="top-left">
                        产品
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="server.html" class="top-left">
                        服务
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="news.html" class="top-left">
                        新闻
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="about.html" class="top-left">
                        关于
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="main-c">
              <!-- 第一部分图片 -->
            <div class="main-img">
                <img src="img/item-1.jpg" alt="">
            </div>
            <!-- 第二部分导航 -->
            <div class="main-top">
                <!-- 左边导航 -->
                <span class="main-t1">您的位置：</span>
                <a href="" class="main-t2">
                    项目
                    <img src="img/jiantou1.png" alt="">
                </a>
                <a href="" class="main-t3">
                    项目展示
                </a>
                <!-- 右边导航 -->
                <ul class="main-right">
                    <li class="right-y1">
                        <a href="" class="right-y2 active">
                            家具
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="" class="right-y2">
                            办公
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="" class="right-y2">
                            餐饮
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="" class="right-y2 yo">
                            MORE
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 第二部分内容 -->
            <ul class="view-footer">
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/photo1.jpg" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">Marylebone公寓室内改造 上海</p>
                        <p class="view-l5">木隔墙创造出简约的生活空间</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/photo2.jpg" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1 right">
                    <a href="" class="view-l2">
                        <img src="img/tu3.jpg" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">亭仔脚 台北</p>
                        <p class="view-l5">生活记忆的延续</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/photo1.jpg" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/photo2.jpg" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1 right">
                    <a href="" class="view-l2">
                        <img src="img/tu3.jpg" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">亭仔脚 台北</p>
                        <p class="view-l5">生活记忆的延续</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
            </ul>
            <!-- 第三部分导航 -->
            <div class="main-top">
                <!-- 左边导航 -->
                <span class="main-t1">您的位置：</span>
                <a href="" class="main-t2">
                    项目
                    <img src="img/jiantou1.png" alt="">
                </a>
                <a href="" class="main-t3">
                    项目展示
                </a>
                <!-- 右边导航 -->
                <ul class="main-right">
                    <li class="right-y1">
                        <a href="" class="right-y2">
                            家具
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="" class="right-y2 active">
                            办公
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="" class="right-y2">
                            餐饮
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="" class="right-y2 yo">
                            MORE
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 第三部分内容 -->
            <ul class="view-footer">
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/project-1.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">藏式民居改造 拉萨</p>
                        <p class="view-l5">兼顾藏族传统精神生活的现代住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/project-1.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1 right">
                    <a href="" class="view-l2">
                        <img src="img/project-1.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">亭仔脚 台北</p>
                        <p class="view-l5">生活记忆的延续</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
            </ul>
             <!-- 第四部分导航 -->
             <div class="main-top" id="restaurant">
                <!-- 左边导航 -->
                <span class="main-t1">您的位置：</span>
                <a href="" class="main-t2">
                    项目
                    <img src="img/jiantou1.png" alt="">
                </a>
                <a href="" class="main-t3">
                    项目展示
                </a>
                <!-- 右边导航 -->
                <ul class="main-right">
                    <li class="right-y1">
                        <a href="#home" class="right-y2">
                            家具
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="office" class="right-y2">
                            办公
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="#restaurant" class="right-y2 active">
                            餐饮
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="#more" class="right-y2 yo">
                            MORE
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 第四部分内容 -->
            <ul class="view-footer">
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/project-2.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/project-2.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1 right">
                    <a href="" class="view-l2">
                        <img src="img/project-2.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">亭仔脚 台北</p>
                        <p class="view-l5">生活记忆的延续</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
            </ul>
             <!-- 第五部分导航 -->
             <div class="main-top" id="more">
                <!-- 左边导航 -->
                <span class="main-t1">您的位置：</span>
                <a href="" class="main-t2">
                    项目
                    <img src="img/jiantou1.png" alt="">
                </a>
                <a href="" class="main-t3">
                    项目展示
                </a>
                <!-- 右边导航 -->
                <ul class="main-right">
                    <li class="right-y1">
                        <a href="#home" class="right-y2">
                            家具
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="#office" class="right-y2">
                            办公
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="#restaurant" class="right-y2">
                            餐饮
                            <span></span>
                        </a>
                        <div class="right-y2-yy">
    
                        </div>
                    </li>
                    <li class="right-y1">
                        <a href="#more" class="right-y2 yo active">
                            MORE
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 第五部分内容 -->
            <ul class="view-footer iii">
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/project-3.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1">
                    <a href="" class="view-l2">
                        <img src="img/project-3.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">月见棱廓 北京</p>
                        <p class="view-l5">舒适而注重情感交流的小住宅</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
                <li class="view-footer-l1 right">
                    <a href="" class="view-l2">
                        <img src="img/project-3.png" alt="">
                    </a>
                    <div class="view-l3">
                        <p class="view-l4">亭仔脚 台北</p>
                        <p class="view-l5">生活记忆的延续</p>
                        <div class="view-logo">
                            <img src="img/jiantou.png" alt="">
                        </div>
                    </div>
                    <div class="mask">
                        <p class="t1">Marylebone公寓室内改造 上海 <br>木隔墙创造出简约的生活空间</p>
                        <p class="t2">两间自带浴室套间的双人卧室和一个宽敞的开放 <br>式厨房、餐厅和起居室空间和谐共融。</p>
                        <img src="img/组 5 拷贝.png" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 结尾 -->
    <div class="end">
        <div class="end-ee">
            <dl class="end-c">
                <dt class="end-c1">简设装饰有限公司</dt>
                <dd class="end-c1"><img src="img/q.png" alt=""> <img src="img/w.png" alt=""> <img src="img/e.png" alt=""></dd>
            </dl>
            <dl class="end-d">
                <dt class="end-d1">地址：中国地区**分区6号写字楼888室</dt>
                <dd class="end-d1">电话：688-8888-008</dd>
                <dd class="end-d1">传真：000-66668888</dd>
            </dl>
            <dl class="end-f">
                <dt class="end-f1">邮编：100000 </dt>
                <dd class="end-f1">手机：186-6006-8008</dd>
                <dd class="end-f1">邮箱：00060008@163.com</dd>
            </dl> 
        </div>
    </div>
    
</body>
</html>